<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: younghxp
 * @Date: 2022-03-14 14:47:28
 * @LastEditors: younghxp
 * @LastEditTime: 2022-03-24 16:46:30
-->
<template>
  <div class="content">
    <el-tabs
      v-model="activeName"
      class="commonTab"
      @tab-click="changeTab"
      type="card"
    >
      <el-tab-pane label="规则设置" name="first">
        <rule-setting :index="index" />
      </el-tab-pane>
      <el-tab-pane label="白名单设置" name="second">
        <white-manage :index="index"></white-manage>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import ruleSetting from './ruleSetting.vue'
import whiteManage from './whiteManage.vue'

export default {
  name: 'smallProjectSet',
  data() {
    return {
      activeName: 'first',
    }
  },
  components: {
    whiteManage,
    ruleSetting,
  },
  methods: {
    changeTab({ index } = val) {
      this.index = index
    },
  },
}
</script>
<style lang="less" scoped>
@import '../../../static/css/filterArea.less';
</style>
